<!DOCTYPE html>
<html lang="zh-CN" class="mdui-loaded">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ByUsi帮助中心</title>
    
    <!-- MDUI CSS -->
    <link rel="stylesheet" href="/static/mdui/css/mdui.min.css">
    
    <!-- 代码高亮 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github-dark.min.css">
    
    <!-- 自定义覆盖样式 -->
    <link rel="stylesheet" href="/static/css/override.css">
    
    <!-- 移动端优化样式 -->
    <link rel="stylesheet" href="/static/css/mobile.css">
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-indigo mdui-theme-accent-pink">

<!-- 顶部应用栏 -->
<header class="mdui-appbar mdui-appbar-fixed">
    <div class="mdui-toolbar mdui-color-theme">
        <button class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#main-drawer'}">
            <i class="mdui-icon material-icons">menu</i>
        </button>
        <span class="mdui-typo-title">ByUsi帮助中心</span>
    </div>
</header>

<!-- 侧边抽屉 -->
<div class="mdui-drawer" id="main-drawer">
    <div class="mdui-list">
        <div class="mdui-subheader">文档目录</div>
        <div id="fileTree" class="mdui-list"></div>
    </div>
</div>

<!-- 主内容区 -->
<div class="mdui-container">
    <div class="mdui-row mdui-row-relative">
        <div class="mdui-col-relative">
            <div class="mdui-card mdui-m-y-4" id="content-card">
                <div class="mdui-card-content">
                    <article id="content" class="mdui-typo">
                        <div id="welcome-message" class="mdui-text-center mdui-text-color-theme-text">
                            <h3>欢迎访问ByUsi帮助中心</h3>
                            <p>请从左侧目录选择文档，或直接输入带?id参数的URL访问</p>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 脚本 -->
<script src="/static/mdui/js/mdui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/4.2.12/marked.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script src="/static/js/app.js"></script>

</body>
</html>